﻿<html>
<head>
<title>CSS3 Border Left Color Test</title>

<style type="text/css">
body {border-left-color: yellow; border-style: solid;}
p {border-left-color: blue; border-left-style: solid;
  }
h3 {border-left-color: red; border-left-style: solid;}
h4 {border-left-color: lime; border-left-style: solid;}
em {border-left-color: gray; border-left-style: solid;}
</style>
</head>

<body>




<h1>CSS3 Border Left Color Test</h1>





<ul>
<li >
For "border-left-color", possible values are "color" .
</li>
</ul>
<h2>
PASS CRITERIA:
</h2>
<p>
If statement above is true, this paragraph should have a blue
left border color.
The rule applied is "p {border-left-color: blue;}". 
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively. 
</p>
<h3>
The left border-color of this h3 heading should be red.  
The rule applied is "h3 {border-left-color: red;}".
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
</h3>
<h4>
The border-left-color of this h4 heading should be lime.
The rule applied is "h4 {border-left-color: lime;}".
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
</h4>
<em>
This emphasized test should have a border left color of gray.
The rule applied is "em {border-left-color: gray;}".
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
</em>
<p>
All other properties of this page should be UA-default.
This is a paragraph, like the one above, so should also
have blue border left color.  Border left style of solid is applied to all CSS rules,
so that left border is visible.  The body's border left color of yellow should display,
since the rule "body {border-left-color: yellow}" applies.
</p>

</body>
</html>
